﻿/*   
    tiago duarte custom theme stylesheet
    for sharepoint 2010 websites
    all templates valid
    v1.00
    5 January 2013
    http://ftduarte.blogspot.com
*/

/* this stylesheet customizes out-of-the-box sharepoint elements */


/* BACKGROUND COLOR */

body                                        { background-color:#1A1C1E;color:#CCCED0;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 14px;font-weight: 200;line-height: 1.5; }
/*
body                                        { background-color: red; color: yellow;font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 14px;font-weight: 200;line-height: 1.5; }
*/

/********************************************************************************************************************/

/* LINKS */
a:link,
a:visited                                   {color:#F5C11E;}
/* ADMIN AREA LINKS */
.ms-linksection-level1 ul li a              {color:#F5C11E;}
.ms-menutoolbar td a                        {color:#F5C11E;}
/* LISTS OF LINKS FOR WEBPARTS */
.link-item, .link-item a, .link-item a:link {color:#F5C11E;}
.ms-WPTitle a                               {color:#F5C11E;}
.ms-WPBody a:link                           {color:#F5C11E;}
/* VIEW ALL SITE CONTENT LINKS */
.ms-viewlsts .ms-vb2 > a                    {color:#F5C11E !important;}
.ms-postcalendardateboxtop                  {background:#F5C11E none; border-color:transparent;}
/* PAGE TITLE */
.s4-title h1 a,
.s4-title h2 a                              {color:#F5C11E;}
.ms-vb a:link, .ms-vb2 a:link, .ms-vb-user a:link
                                            {color:#F5C11E;}
/* Sign In - Login link - anonymous view */
.s4-signInLink                              {color:#F5C11E !important;}
/* BLOG WEBPART QUICKLAUNCH LINKS */
#MSO_ContentTable a.ms-addnew:link,
#MSO_ContentTable a.ms-addnew:visited       {color:#F5C11E;}
#MSO_ContentTable .s4-ql ul.root ul > li > a{color:#F5C11E;}
#MSO_ContentTable .s4-ql ul.root > li > .menu-item
                                            {color:#F5C11E;}
.ms-sctabcf A:link, .ms-sctabcf A:visited, .ms-sctabcfhover A:link, .ms-sctabcfhover A:visited
                                            {color:#F5C11E;}
.ms-sblink a:link, .ms-sblink a:visited     {color:#F5C11E;}


/* LINKS - HOVER */
a:hover                                     {color:#656A71;text-decoration:none;}
.ms-linksection-level1 ul li a:hover        {color:#656A71;text-decoration:none;}
/* VIEW ALL SITE CONTENT LINKS */
.ms-menutoolbar td a:hover                  {color:#656A71;}
.ms-WPBody a:hover                          {color:#656A71;text-decoration:none;}
.ms-WPTitle a:hover                         {color:#656A71;text-decoration:none;}
.ms-viewlsts .ms-vb2 > a:hover              {color:#656A71 !important;text-decoration:none;}
.s4-title h1 a:hover,
.s4-title h2 a:hover                        {text-decoration:none;}
.ms-rtestate-field a:hover                  {text-decoration:none;}
/* PAGE TITLE */
.s4-title h1 a:hover,
.s4-title h2 a:hover                        {color:#656A71;}
.ms-vb a:hover, .ms-vb2 a:hover, .ms-vb-user a:hover
                                            {color:#656A71;text-decoration:none;}
.s4-signInLink:hover                        {color:#656A71 !important;}
#MSO_ContentTable a.ms-addnew:hover         {color:#656A71;}
#MSO_ContentTable .s4-ql ul.root ul > li > a:hover
                                            {color:#656A71;}
#MSO_ContentTable .s4-ql ul.root > li > .menu-item:hover
                                            {color:#656A71;}
.ms-sctabcfhover A:hover                    {color:#656A71; text-decoration:none;}
.ms-sblink a:hover                          {color:#656A71; text-decoration:none;}

/********************************************************************************************************************/

/* Sign In - Username link */
.ms-welcomeMenu a:link                      {color: #FFFFFF;}
/* Sign In - Username link - active */
.ms-welcomeMenu.ms-SpLinkButtonActive a:link{color: #FFFFFF;}


/* RIBBON COLOR */
body #s4-ribbonrow,
.ms-globalnav,
.s4-trc-container .ms-SPLink                { background:#1A1C1E none !important; }

/* BORDER BELOW RIBBON */
.ms-cui-topBar2                             {border-bottom:1px solid transparent;}

/********************************************************************************************************************/

/* HORIZONTAL NAVIGATION AKA TOP NAV */

/* LEVEL 1 */
.s4-tn li.static > .menu-item               {color:#FFFFFF;}
.s4-tn li.static > a:hover                  {color:#F5C11E;text-decoration:inherit;}

/* LEVEL 1 - SELECTED */
.s4-toplinks .s4-tn a.selected              { color:#F5C11E; border-color:transparent; background:transparent none; }
.s4-toplinks .s4-tn a.selected:hover        {color:#F5C11E;}

/* DROPDOWN POPUP DYNAMIC NAV LEVEL 2 */
/* BOX STYLES */
.s4-tn ul.dynamic                           {padding:10px 0px; border:1px solid transparent; border-width:0px 0px 2px 0px; border-color:#F5C11E; background-color:#1A1C1E;}
/* ITEM */
.s4-tn li.dynamic > .menu-item              {padding:4px 30px 4px 20px; color:#4E5257;}
/* ITEM HOVER */
.s4-tn li.dynamic > a:hover                 {background-color:#4E5257; color:#FFFFFF;}



/********************************************************************************************************************/


/* VERTICAL NAVIGATION AKA QUICKLAUNCH */
body #s4-leftpanel-content                  { border-color:transparent; background-color:transparent; }




/* LEVEL 1 */
.s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader:visited
                                            {color:#FFFFFF;}
/* BLOG SHOW MORE CATEGORIES LINK */
#monthlyarchiveview                         {color:#FFFFFF;}
/* RECYCLE BIN / VIEW ALL CONTENT */
.s4-specialNavLinkList a                    {color:#FFFFFF;}
/* BLOG LINKS */
.ms-blog-addnew                             {color:#FFFFFF;}
a.ms-addnew                                 {color:#FFFFFF;}



/* LEVEL 1 - HOVER */
.s4-ql ul > li > a:hover,.s4-ql ul.root > li > a:hover,.s4-qlheader:hover
                                            {color:#F5C11E;text-decoration:inherit;}
/* RECYCLE BIN / VIEW ALL CONTENT */
.s4-specialNavLinkList a:hover > span.ms-splinkbutton-text
                                            {color:#F5C11E; text-decoration:none;}
.s4-specialNavLinkList a:hover              {text-decoration:none;}
/* BLOG LINKS */
a.ms-addnew:hover                           {color:#F5C11E;}
/* BLOG SHOW MORE CATEGORIES LINK */
#monthlyarchiveview:hover                   {color:#F5C11E;text-decoration:none;}




/* LEVEL 2 */
.s4-ql ul.root ul > li > a                  {color:#FFFFFF;}
.s4-ql ul.root ul > li > a:hover            {color:#F5C11E; text-decoration:inherit;}

/* LEVEL 1 AND LEVEL 2 - SELECTED */
.s4-ql a.selected                           {background: none repeat scroll 0 0 transparent;border-color: transparent !important;border-width: 1px !important;color: #F5C11E !important;padding-left: 9px !important;}


/********************************************************************************************************************/

/* VERTICAL NAVIGATION TREEVIEW */


/********************************************************************************************************************/


/* TITLE AREA */
.s4-title .s4-pagedescription, .s4-title .s4uniqpermdescription
                                            {color:inherit;}
.s4-title h2                                {color:inherit;}

/* ALL SITE CONTENT LINKS AND DESCRIPTIONS */
.ms-vb, .ms-vb2, .ms-vb-user, .ms-vb-tall, .ms-pb, .ms-pb-selected
                                            {color: inherit;}



/* WEBPARTS */

/* WEB PART BORDER COLOR */
.ms-WPBorder, .ms-WPBorderBorderOnly        {border-color:#F5C11E;}

/* WEBPART HEADER TITLE COLOR */
.ms-WPHeader                                {background-color: transparent;}
.ms-WPHeader td, .ms-fakewptitle            {border-bottom:1px solid transparent;}

/* WEBPART HEADER CONTEXT MENU LINK */
.ms-WPHeaderTdMenu:hover                    {background:transparent none; border:1px solid transparent;}

/* WEBPART EDIT ZONE TITLE */
.ms-SPZoneTitle                             {color: inherit;}

/* LISTS */

/* HEADER TOOLBARS */
.ms-menutoolbar                             {background:transparent none; border-bottom:1px solid transparent;}
.ms-toolbarContainer                        {background-color: transparent;background-image: none;background-repeat: repeat-x;border: 1px solid transparent;border-collapse: collapse;color: inherit;}
.ms-selectorlink a,
.ms-selectorlink a:visited                  {color:inherit !important;}
/* TITLES FOR MANAGE FEATURES HEADER COLUMNS */
.ms-vh, .ms-vh2, .ms-vh a, .ms-vh2 a        {color: inherit;}
/* ACTIVE FEATURE BACKGROUND COLOR */
.ms-featurestatustext                       {background-color: transparent;color:inherit;}

/* LIST ALTERNATING COLOR */
.ms-alternating,
.ms-alternatingstrong                       {background-color:transparent;}

/* LIST HEADER TITLES */
.ms-gb                                      {background-color:transparent; border-top:1px solid transparent; border-bottom-color:transparent;}
.ms-toolbar                                 {color:inherit;}
/* INDIVIDUAL WORDS OF SPECIFIC COLORING, EDIT PER LIGHT/DARK SETTING */
.ms-gb .ms-standardheader,.ms-viewlsts-noitems > b
                                            {color:inherit;}
.ms-gb, .ms-gb2, .ms-gbload, .ms-vb-tall, .ms-vb-user, .ms-pb, .ms-pb-selected td
                                            {color: inherit;}



/* CONTEXT MENU WINDOWS */
/* BACKGROUND - SHOULD NOT BE TRANSPARENT */
div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen, div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner, div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div
                                            {background:#1A1C1E none;}
/* HOVER EFFECT COLOR */
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItemHover
                                            {background:url("/_layouts/images/selbg.png") repeat-x scroll left top #1A1C1E;}
/* MAIN LINK */
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILarge ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink, div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILargeRtL ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink
                                            {color:#FFFFFF !important;}
/* DESCRIPTION */
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL a span.ms-menuitemdescription
                                            {color:#CCCCCC;}

/* MAIN LINK HOVER */
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItemHover a.ms-MenuUIULLink
                                            {color:#FFFFFF !important;}
/* DESCRIPTION HOVER */
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItemHover a span.ms-menuitemdescription
                                            {color:#CCCCCC;}

/* BORDERS */
/* BODY BORDER */
div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen, div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen
                                            {border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;}
/* SELECTION BORDER */
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItemHover
                                            {border:1px solid #FFFFFF;border-top-color:#FFFFFF;}

/* MINI CONTEXT MENU LINK COLOR */
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink
                                            {color:#FFFFFF !important;}

/* UNORDERED LISTS */
.level-bullet                               {background-image: url("/_layouts/images/lstbulet.gif");background-position: left center;background-repeat: no-repeat;border-color: inherit;border-style: none;border-width: 0;padding-left: 10px;padding-right: 0;vertical-align: top;}
.bullet                                     {background-image: url("/_layouts/images/lstbulet.gif");background-position: left center;background-repeat: no-repeat;border-color: inherit;border-style: none;border-width: 0;padding-left: 10px;padding-right: 0;vertical-align: top;}

/* HR LINE */

hr                                          {color: #FFFFFF;height: 2px;}



/********************************************************************************************************************/

/* HTML CONTROLS */

/* TODO: cross browser support - 1) CSS, 2) CSS3PIE */

/* BUTTONS */
/* button, input button, input submit, input reset */
button, input[type="submit"], input[type="reset"], input[type="button"]
{
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor:pointer;
}

/* TEXT BOXES */
/* input text, textarea */



/********************************************************************************************************************/


